<template>
 <div class="my-son" @click="sonFn">
     <p>{{ msg }}</p>
 </div>
</template>

<script>
export default {
    data() {
        return {
            msg: '你好'
        }
    },
    methods: {
        sonFn () {
            console.log('sonFn', this)
        }
    }
}
</script>

<style scoped>

.my-son {
    width: 250px;
    height: 250px;
    border: 1px solid #000;
}

</style>